<!-- 3. 用户推荐轮播 - 适合展示活跃用户 -->
<div id="usersCarousel" class="carousel slide user-carousel custom-carousel" data-bs-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item active">
            <div class="row">
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <img src="https://picsum.photos/200/200?random=20" class="user-avatar" alt="陈静的头像">
                        <h3 class="user-name">陈静</h3>
                        <p class="user-bio">插画师，喜欢创作治愈系插画作品</p>
                        <p class="user-followers">2.4k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <div class="user-placeholder">刘</div>
                        <h3 class="user-name">刘强</h3>
                        <p class="user-bio">健身教练，分享科学健身知识</p>
                        <p class="user-followers">1.8k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <img src="https://picsum.photos/200/200?random=22" class="user-avatar" alt="赵敏的头像">
                        <h3 class="user-name">赵敏</h3>
                        <p class="user-bio">读书爱好者，分享读书笔记</p>
                        <p class="user-followers">3.7k 粉丝</p>
                        <button class="follow-btn">已关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <img src="https://picsum.photos/200/200?random=23" class="user-avatar" alt="孙亮的头像">
                        <h3 class="user-name">孙亮</h3>
                        <p class="user-bio">独立音乐人，分享原创作品</p>
                        <p class="user-followers">5.2k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <div class="user-placeholder">周</div>
                        <h3 class="user-name">周琳</h3>
                        <p class="user-bio">旅行博主，探索小众目的地</p>
                        <p class="user-followers">4.1k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <img src="https://picsum.photos/200/200?random=25" class="user-avatar" alt="吴杰的头像">
                        <h3 class="user-name">吴杰</h3>
                        <p class="user-bio">游戏开发者，分享开发经验</p>
                        <p class="user-followers">2.8k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="carousel-item">
            <div class="row">
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <img src="https://picsum.photos/200/200?random=26" class="user-avatar" alt="郑婷的头像">
                        <h3 class="user-name">郑婷</h3>
                        <p class="user-bio">美食博主，分享家常菜做法</p>
                        <p class="user-followers">6.3k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <div class="user-placeholder">林</div>
                        <h3 class="user-name">林浩</h3>
                        <p class="user-bio">摄影师，专注自然风光拍摄</p>
                        <p class="user-followers">8.7k 粉丝</p>
                        <button class="follow-btn">已关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <img src="https://picsum.photos/200/200?random=28" class="user-avatar" alt="黄欣的头像">
                        <h3 class="user-name">黄欣</h3>
                        <p class="user-bio">UI设计师，分享设计灵感</p>
                        <p class="user-followers">3.2k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <img src="https://picsum.photos/200/200?random=29" class="user-avatar" alt="杨光的头像">
                        <h3 class="user-name">杨光</h3>
                        <p class="user-bio">前端开发者，分享技术心得</p>
                        <p class="user-followers">2.5k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <div class="user-placeholder">马</div>
                        <h3 class="user-name">马明</h3>
                        <p class="user-bio">健身教练，专注力量训练</p>
                        <p class="user-followers">4.8k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
                <div class="col-md-2 col-sm-3 col-4">
                    <div class="user-card">
                        <img src="https://picsum.photos/200/200?random=31" class="user-avatar" alt="陈曦的头像">
                        <h3 class="user-name">陈曦</h3>
                        <p class="user-bio">作家，分享创作历程和心得</p>
                        <p class="user-followers">7.2k 粉丝</p>
                        <button class="follow-btn">关注</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <button class="carousel-control-prev" type="button" data-bs-target="#usersCarousel" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">上一页</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#usersCarousel" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">下一页</span>
    </button>
</div>

